<template>
  <div class="list-box">
    <template v-for="(item, index) in data">
      <div :key="index" class="list-item">
        <p class="list-line"></p>
        <div>
          <span>{{ item.label }}</span>
          <span>{{ item.value }}</span>
        </div>
      </div>
    </template>
   <p class="list-line"></p>
  </div>
</template>

<script>
export default {
  props: {
    data: Array,
  },
};
</script>

<style  scoped>
.list-box {
  position: relative;
  width: 100%;
}

.list-item {
  display: inline-block;
  width: 50%;
}

.list-item span {
  display: inline-block;
  padding: 10px;
  width: 45%;
}

.list-line {
  position: absolute;
  height: 1px;
  right: 0;
  left: 0;
  background: rgba(114, 114, 114, 0.109);
}
</style>